<template>
  <div>
    <SoltComped>
      <!-- 1.默认插槽可以直接插入元素 -->
      <!-- <span>我是默认插槽 能使用我么</span> -->
      <hr>
      <!-- 2.我是具名插槽 -->
      <template #header>
        <!-- <span>我是具名插槽 快来看看我好不好</span> -->
      </template>
      <hr>
      <!-- 3.作用域插槽的使用 -->
      <template #default="{data}">
        <span>{{ data.username }}</span>
      </template>
    </SoltComped>
  </div>
</template>

<script>
import SoltComped from './components/soltcomped.vue'
export default {
  components: {
    SoltComped
  }
}
</script>

<style>

</style>
